
@font-face {
    font-family: 'ColaborateThinRegular';
    src: url('../font/ColabThi-webfont.eot');
    src: url('../font/ColabThi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabThi-webfont.woff') format('woff'),
         url('../font/ColabThi-webfont.ttf') format('truetype'),
         url('../font/ColabThi-webfont.svg#ColaborateThinRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../font/ColabLig-webfont.eot');
    src: url('../font/ColabLig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabLig-webfont.woff') format('woff'),
         url('../font/ColabLig-webfont.ttf') format('truetype'),
         url('../font/ColabLig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('../font/ColabReg-webfont.eot');
    src: url('../font/ColabReg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabReg-webfont.woff') format('woff'),
         url('../font/ColabReg-webfont.ttf') format('truetype'),
         url('../font/ColabReg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../font/ColabMed-webfont.eot');
    src: url('../font/ColabMed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabMed-webfont.woff') format('woff'),
         url('../font/ColabMed-webfont.ttf') format('truetype'),
         url('../font/ColabMed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../font/ColabBol-webfont.eot');
    src: url('../font/ColabBol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ColabBol-webfont.woff') format('woff'),
         url('../font/ColabBol-webfont.ttf') format('truetype'),
         url('../font/ColabBol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}



body{
	background:url(../background.png) fixed center center;
}

header{
	color:#fff;
	font-family:'ColaborateThinRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

footer{
	color:#fff;
	font-family:'ColaborateThinRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#middlestripes .darkteal, #menustripes .darkteal{
	background:#0f4c57;
}
#middlestripes .teal, #menustripes .teal{
	background:#497671;
}
#middlestripes .yellow, #menustripes .yellow{
	background:#ee9d55;
}
#middlestripes .orange, #menustripes .orange{
	background:#ff7430;
}
#middlestripes .red, #menustripes .red{
	background:#d84e17;
}

#middlestripes {
	position:absolute;
	top:50%;
	margin-top:-35px;
	width:100%;
	height:70px;
}

.middlestripe {
	width:100%;
	height:14px;	
}

#menustripes {
	position:absolute;
	top:50%;
	margin-top:-162.5px;
	width:311px;
	height:330px;
	right:0px;
	text-align:right;
}

#menustripes .darkteal{
	height:65px;
}
#menustripes .teal{
	height:67px;
}
#menustripes .yellow{
	height:66px;
}
#menustripes .orange{
	height:61px;
}
#menustripes .red{
	height:67px;
}

.menustripe {
	width:311px;
	position:relative;
}

p.menutext{
	margin:0;
	position:absolute;
	top:20px;
	right:40px;
	color:#fff;
	font-family:'ColaborateThinRegular',"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:25px;
}

#threedstripes{
	position:absolute;
	top:50%;
	margin-top:-163px;
	width:69px;
	right:311px;
	height:335px;
}

#threed-darkteal{
	background: url(../3d-darkteal.png) no-repeat;
	width:69px;
	height:143px;
}
#threed-teal{
	background: url(../3d-teal.png) no-repeat;
	width:69px;
	height:91px;
	position:absolute;
	top:65px;
}
#threed-yellow{
	background: url(../3d-yellow.png) no-repeat;	
	width:69px;
	height:66px;
	position:absolute;
	top:132px;
}
#threed-orange{
	background: url(../3d-orange.png) no-repeat;	
	width:69px;
	height:89px;
	position:absolute;
	top:170px;
}
#threed-red{
	background: url(../3d-red.png) no-repeat;
	width:69px;
	height:142px;
	position:absolute;
	top:184px;
}

